import React from 'react';
import { HashRouter as Router, Route, Switch } from 'react-router-dom'
import './App.css';

import Frame from './Frame'
import Main from './Main'
import AboutUs from './AboutUs'
import NoMatch from './NoMatch'
import StandardGame, { GameStyle } from './StandardGame'


function App() {
    return (
        <Router>
            <Frame>
                <Switch>
                    <Route exact path="/">
                        <Main />
                    </Route>
                    <Route path="/default">
                        <StandardGame style={new GameStyle()} />
                    </Route>
                    <Route path="/aboutus">
                        <AboutUs />
                    </Route>
                    <Route path="*">
                        <NoMatch />
                    </Route>
                </Switch>
            </Frame>
        </Router>
    );
};

export default App;